<template>
    <n-card title="用户设置">
        <n-tabs type="line" animated placement="left">
            <n-tab-pane v-for="(item, i) in tabs" :name="i" :tab="item.title">
                <component :is="item.component" />
            </n-tab-pane>
        </n-tabs>
    </n-card>
</template>

<script setup lang="ts">
import { Info, UpdatePassword } from "./components"
const tabs = [
    { title: "基本资料", component: Info },
    { title: "修改密码", component: UpdatePassword }
]
</script>
